<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Log Viewer</title>
    
	<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />
    
    <style type="text/css">
	html, body {
	    margin: 0;
	    padding: 0;
	    font-size: 75%;
	}
	</style>
	    
    <!--  
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://jquery-json.googlecode.com/files/jquery.json-2.2.min.js"></script>
    -->
    <!--  
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    -->
    
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.json-2.2.min.js"></script>
    
    <script src="js/i18n/grid.locale-en.js" type="text/javascript"></script>
	<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>
	
    <script type="text/javascript">
    $(function(){ 
 	  $("#list").jqGrid({
 	    url:'eventPublisher',
 	    datatype: 'json',
 	   	colNames:['no', 'loginUser'],
      	colModel:[
      		{name:'no',index:'no', width:55},
      		{name:'loginUser',index:'loginUser', width:55}
 	    ],
 	    pager: '#pager',
 	    rowNum:10,
 	    rowList:[10,20,30],
 	    sortname: 'no',
 	    sortorder: 'desc',
 	    viewrecords: true,
 	    gridview: true,
 	    caption: 'My first grid'
 	  }); 
 	}); 
    </script>
</head>
<body>
<table id="list"><tr><td/></tr></table> 
<div id="pager"></div> 

</body>
</html>
